<template>
<div class="animation-list">
  <div class="div-animation">
    <el-button @click="isShowAnimation = true">添加动画</el-button>
    <el-button @click="previewAnimate">预览动画</el-button>
    <div>
      <el-tag
        v-for="(tag, index) in curComponent.animations"
        :key="index"
        closable
        @close="removeAnimation(index)"
      >
        {{ tag.label }}
        <i class="cursor el-icon-setting" @click="handleAnimationSetting(index)"></i>
      </el-tag>
    </div>

  <!--选择动画-->

    <!-- 编辑动画配置 -->
  </div>
</div>
</template>

<script lang="ts" setup>
</script>

<style scoped>

</style>